﻿
#cont-38054 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
}
#cont-38059::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0,var(--overlay-opacity, 40%));
}
#cont-38065 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
	--section-padding-top: 50px;
	--section-padding-bottom: 50px;
}
#bild-38077 img {
	margin: 0 auto;
	display: block;
}
#html-38074 {
	margin-right: auto;
	height: var(--height,2px);
	background-color: var(--balken-bgcolor,var(--color));
	width: var(--width,80%);
	margin-top: var(--margin-top,40px);
	margin-bottom: var(--margin-bottom,40px);
	--margin-top: 50px;
	--margin-bottom: 0px;
}
#cont-38078 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
}
#cont-38092 {
	align-items: var(--col-align-items,inherit);
}
#bild-38094 img {
	margin: 0 auto;
	display: block;
}
#cont-38097 {
	align-items: var(--col-align-items,inherit);
}
#bild-38099 img {
	margin: 0 auto;
	display: block;
}
#cont-38102 {
	align-items: var(--col-align-items,inherit);
}
#bild-38104 img {
	margin: 0 auto;
	display: block;
}
#col-38091 {
	justify-content: center;
}
#cont-38107 {
	align-items: var(--col-align-items,inherit);
}
#bild-38109 img {
	margin: 0 auto;
	display: block;
}
#cont-38117 {
	align-items: var(--col-align-items,inherit);
}
#bild-38119 img {
	margin: 0 auto;
	display: block;
}
#cont-38112 {
	align-items: var(--col-align-items,inherit);
}
#bild-38114 img {
	margin: 0 auto;
	display: block;
}
#cont-38087 {
	background: var(--block-background-color);
	border-radius: var(--block-border-radius, 50px);
	padding: var(--block-vertical-padding, 30px) var(--block-horizontal-padding, 30px);
	margin-right: 10px;
	margin-left: 10px;
}
#cont-38087 .Items-container {
	gap: var(--elements-gap, 20px);
	margin-bottom: 20px;
	flex-flow: wrap;
	justify-content: center;
}
#cont-38087 .item-container {
	padding: var(--element-container-vertical-padding, 20px) var(--element-container-horizontal-padding, 0px);
	background: var(--element-background-color);
	border: var(--element-border-width) solid var(--element-border-color, var(--color));
	border-radius: var(--element-border-radius, 10px);
}
#cont-38087 .Single-item {
	max-width: var(--element-max-width, 310px);
	width: 100%;
	justify-content: center;
}
#cont-38087 .Element-bild img {
	border-radius: var(--element-bild-border-radius, 10px);
	height: 100%;
	max-height: 300px;
	width: 100%;
}
#cont-38087 .Subheadline h2 {
	color: var(--subheadline-font-color);
	padding: var(--subheadline-vertical-padding, 20px) var(--subheadline-horizontal-padding, 0px);
}
#cont-38087 .Element-name {
	color: var(--element-titel-font-color, var(--hicolor));
	padding: var(--element-titel-vertical-padding, 20px) var(--element-titel-horizontal-padding, 0px);
	text-align: center;
}
#cont-38087 .Element-text {
	color: var(--element-subtitel-font-color);
	padding: var(--element-subtitel-vertical-padding, 15px) var(--element-subtitel-horizontal-padding, 0px);
	text-align: center;
}
#cont-38142 {
	align-items: var(--col-align-items,inherit);
}
#bild-38144 img {
	margin: 0 auto;
	display: block;
}
#cont-38147 {
	align-items: var(--col-align-items,inherit);
}
#bild-38149 img {
	margin: 0 auto;
	display: block;
}
#cont-38152 {
	align-items: var(--col-align-items,inherit);
}
#bild-38154 img {
	margin: 0 auto;
	display: block;
}
#col-38141 {
	justify-content: center;
}
#cont-38199 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
	--section-padding-top: 50px;
	--section-padding-bottom: 50px;
}
#html-38208 {
	margin-right: auto;
	height: var(--height,2px);
	background-color: var(--balken-bgcolor,var(--color));
	width: var(--width,80%);
	margin-top: var(--margin-top,40px);
	margin-bottom: var(--margin-bottom,40px);
	--margin-top: 50px;
	--margin-bottom: 0px;
}
#col-38215 {
	display: flex;
	align-items: center;
}
#text-38216 {
	flex: 0 0 auto;
	padding-left: var(--pfeil-aussen-padding);
	padding-right: var(--pfeil-innen-padding);
}
#text-38233 {
	flex: 0 0 auto;
	padding-left: var(--pfeil-innen-padding);
	padding-right: var(--pfeil-aussen-padding);
}
#html-38234 {
	display: flex;
	justify-content: var(--justify-content);
	gap: var(--gap);
	margin-top: var(--margin-top);
	margin-bottom: var(--margin-bottom);
	margin-left: var(--margin-leftright);
	margin-right: var(--margin-leftright);
	align-items: center;
}
#html-38234 span {
	width: var(--width);
	height: var(--width);
	display: inline-block;
	background-color: var(--bgcolor);
	border: var(--border-color) solid var(--border-size);
	border-radius: 50%;
	cursor: pointer;
}
#html-38234 span.aktiv {
	background-color: var(--active-bgcolor);
	border: var(--active-border-color) solid var(--active-border-size);
}
#col-38220 {
	position: relative;
}
#cont-38219 .move-mode {
	position: relative;
	z-index: 1;
}
#cont-38219 .move-mode .Collage-Elem {
	outline: 5px solid #fa6;
}
#cont-38219 .move-mode .Collage-Elem:hover::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 5px;
	background: rgba(255,255,255,0.5);
	cursor: w-resize;
}
#col-38230 {
	position: relative;
}
#cont-38229 .move-mode {
	position: relative;
	z-index: 1;
}
#cont-38229 .move-mode .Collage-Elem {
	outline: 5px solid #fa6;
}
#cont-38229 .move-mode .Collage-Elem:hover::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 5px;
	background: rgba(255,255,255,0.5);
	cursor: w-resize;
}
#col-38225 {
	position: relative;
}
#cont-38224 .move-mode {
	position: relative;
	z-index: 1;
}
#cont-38224 .move-mode .Collage-Elem {
	outline: 5px solid #fa6;
}
#cont-38224 .move-mode .Collage-Elem:hover::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 5px;
	background: rgba(255,255,255,0.5);
	cursor: w-resize;
}
#html-38213 ~ .col-slider {
	--pagesize: var(--page-size,1);
	--timer: 5000;
}
#html-38213 ~ .col-slider .pfeil.links {
	margin-right: var(--pfeil-margin,20px);
	padding-left: var(--pfeil-aussen-padding,20px);
	padding-right: var(--pfeil-innen-padding,20px);
	text-shadow: 0.1em 0 0 var(--pfeil-color2);
}
#html-38213 ~ .col-slider .pfeil.rechts {
	margin-left: var(--pfeil-margin,20px);
	padding-left: var(--pfeil-innen-padding,20px);
	padding-right: var(--pfeil-aussen-padding,20px);
	text-shadow: -0.1em 0 0 var(--pfeil-color2);
}
#html-38213 ~ .col-slider .pfeil {
	font-size: var(--pg-font-size,2em);
	position: relative;
	z-index: 2;
	cursor: pointer;
	width: var(--pfeil-width);
	color: var(--pfeil-color);
	text-align: center;
	--pfeil-width: 20px;
	--pfeil-aussen-padding: 60px;
	--pfeil-margin: -100px;
	--pfeil-color: var(--bgcolor);
	--pfeil-color2: var(--color);
	--pg-font-size: 50px;
}
#html-38213 ~ .col-slider .paging-container {
	align-items: initial;
	position: relative;
	z-index: 1;
}
#html-38213 ~ .col-slider .paging-container > * {
	min-height: var(--min-height);
	border: var(--border-width,0) solid var(--border-color,var(--color));
	background-position: center center;
	background-size: cover;
	border-radius: var(--border-radius);
	overflow: hidden;
}
#cont-38235 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
	--section-padding-top: 50px;
	--section-padding-bottom: 50px;
}
#cont-38264 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
}
#assistent-vorlage-39994 {
	text-align: right;
	font-size: 0.9em;
}
#assistent-vorlage-39994 button {
	margin-left: auto;
	margin-right: var(--baustein-margin-left-right,10px);
}
#assistent-vorlage-39995 {
	text-align: right;
	font-size: 0.8em;
}
#assistent-vorlage-39995 button {
	margin-left: auto;
	margin-right: var(--baustein-margin-left-right,10px);
}
html.msedge #cont-45095 {
	background-image: url('../../MEDIA/neutral-home-office--6ff1.png?v=1702631826963') ! important;
}
#cont-45095::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0,var(--overlay-opacity, 40%));
}
#cont-45095 {
	border-radius: var(--block-border-radius);
	flex-direction: var(--cal-order-direction);
	background-size: cover;
	padding-top: var(--block-padding-top, 20px);
	padding-bottom: var(--block-padding-bottom, 20px);
	height: 50vh;
	max-height: 500px;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	justify-content: center;
	align-items: center;
	z-index: 0;
	background-image: url('../MEDIA/neutral-home-office--6ff1.png?v=1702631826963') ! important;
}
#cont-45095 .Elements-container {
	flex-direction: var(--cal-order-direction);
}
#cont-45095 .Left-col {
	z-index: 1;
	container-type: inline-size;
}
#cont-45095 .Right-col {
	z-index: 1;
	align-items: center;
	justify-content: center;
}
#cont-45095 .Buttons {
	padding: 30px 0px;
}
#cont-45095 .Buttons-container {
	flex-direction: row;
	align-items: center;
}
#cont-45095 .Headline-text {
	padding: 10px;
}
#cont-45095 .Headline-text h1 {
	margin: 0;
	color: var(--headline-font-color, var(--color1));
}
#cont-45095 .Subline-text {
	margin-top: 15px;
	padding: 10px;
	color: var(--Subline-font-color, var(--color1));
	border-left: 5px solid var(--hicolor);
}
#cont-38204 {
	padding: var(--block-padding-vertical, 20px) var(--block-padding-horizontal, 10px);
	background-color: var(--block-background-color);
	border-radius: var(--block-border-radius);
	flex-direction: var(--cal-order-direction);
}
#cont-38204 .Headline-text h2 {
	color: var(--headline-font-color);
}
#cont-38204 .Subline-text {
	color: var(--Subline-font-color);
}
#cont-38204 .Left-col {
	container-type: inline-size;
}
#cont-38204 .collage-canvas {
	border-radius: var(--image-border-radius, 5px);
}
#cont-38204 .Knopf a {
	display: inline-block;
	padding: var(--btn-padding-vertical, 10px) calc(var(--btn-padding-horizontal, 20px) + 0.35em) var(--btn-padding-vertical, 10px) var(--btn-padding-horizontal, 20px);
	border: var(--btn-border-width, 1px) solid var(--btn-border-color, transparent);
	border-radius: var(--btn-border-radius, 5px);
	margin: var(--btn-vertical-margin, 20px) var(--btn-horizontal-margin, 20px);
	color: var(--btn-text-color, var(--bgcolor));
	font-size: var(--btn-font-size);
	background-color: var(--btn-background-color, var(--hicolor));
}
#cont-38204 .Knopf a:hover {
	color: var(--hicolor);
	background-color: transparent;
	border: var(--btn1-border-width, 1px) solid var(--btn1-border-color, var(--hicolor));
}
#cont-38204 .Knopf a::after {
	content: var(--btn-text, 'Mehr');
}
#cont-38204 .Knopf {
	display: var(--btn-display, none);
}
#cont-38204 .Trennbalken {
	display: var(--trennbalken-display, none);
}
#cont-38070 {
	--trennbalken-display: none;
	padding: var(--block-padding-vertical, 0px) var(--block-padding-horizontal, 0px);
	background-color: var(--block-background-color);
	border-radius: var(--block-border-radius);
	flex-direction: var(--cal-order-direction, row-reverse);
}
#cont-38070 .Headline-text h2 {
	color: var(--headline-font-color);
}
#cont-38070 .Subline-text {
	color: var(--Subline-font-color);
}
#cont-38070 .Left-col {
	container-type: inline-size;
}
#cont-38070 .Bild img {
	border-radius: var(--image-border-radius, 5px);
	max-height: 500px;
	max-width: 500px;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
#cont-38070 .Knopf a {
	display: inline-block;
	padding: var(--btn-padding-vertical, 10px) calc(var(--btn-padding-horizontal, 20px) + 0.35em) var(--btn-padding-vertical, 10px) var(--btn-padding-horizontal, 20px);
	border: var(--btn-border-width, 1px) solid var(--btn-border-color, transparent);
	border-radius: var(--btn-border-radius, 5px);
	margin: var(--btn-vertical-margin, 20px) var(--btn-horizontal-margin, 20px);
	color: var(--btn-text-color, var(--bgcolor));
	font-size: var(--btn-font-size);
	background-color: var(--btn-background-color, var(--hicolor));
}
#cont-38070 .Knopf a:hover {
	color: var(--hicolor);
	background-color: transparent;
	border: var(--btn1-border-width, 1px) solid var(--btn1-border-color, var(--hicolor));
}
#cont-38070 .Knopf a::after {
	content: var(--btn-text, 'Mehr');
}
#cont-38070 .Knopf {
	display: var(--btn-display, none);
}
#cont-38070 .Trennbalken {
	display: var(--trennbalken-display);
}
#col-45821 {
	justify-content: center;
}
#cont-45832 {
	align-items: var(--col-align-items,inherit);
}
#bild-45834 img {
	margin: 0 auto;
	display: block;
}
#cont-45827 {
	align-items: var(--col-align-items,inherit);
}
#bild-45829 img {
	margin: 0 auto;
	display: block;
}
#cont-45822 {
	align-items: var(--col-align-items,inherit);
}
#bild-45824 img {
	margin: 0 auto;
	display: block;
}
#cont-45817 {
	background: var(--block-background-color);
	border-radius: var(--block-border-radius, 30px);
	padding: var(--block-vertical-padding,30px) var(--block-horizontal-padding,30px);
}
#cont-45817 .Items-container {
	gap: var(--elements-gap, 20px);
	margin-bottom: 20px;
	flex-flow: wrap;
	justify-content: center;
}
#cont-45817 .item-container {
	padding: var(--element-container-vertical-padding, 25px) var(--element-container-horizontal-padding, 0px);
	background: var(--element-background-color);
	border: var(--element-border-width) solid var(--element-border-color, var(--color));
	border-radius: var(--element-border-radius, 5px);
}
#cont-45817 .Single-item {
	max-width: var(--element-max-width, 300px);
	width: 100%;
}
#cont-45817 .Element-bild img {
	border-radius: var(--element-bild-border-radius, 50%);
	height: var(--element-bild-height, 100px);
	max-height: calc(var(--element-max-width, 300px) - 40px);
}
#cont-45817 .headline h2 {
	color: var(--subheadline-font-color);
	padding: var(--subheadline-vertical-padding, 20px) var(--subheadline-horizontal-padding, 0px);
}
#cont-45817 .Element-name {
	text-align: center;
	color: var(--element-titel-font-color, var(--hicolor));
	margin-top: 20px;
	font-weight: bold;
	transform: scale(1,1.1);
	padding: var(--element-titel-vertical-padding) var(--element-titel-horizontal-padding);
}
#cont-45817 .Element-text {
	text-align: center;
	color: var(--element-subtitel-font-color);
	padding: var(--element-subtitel-vertical-padding, 15px) var(--element-subtitel-horizontal-padding, 0px);
}
#html-45846 {
	height: 30px;
}
#text-45860 p {
	font-size: 12px;
}
#text-45856 p {
	font-size: 12px;
}
#text-45852 p {
	font-size: 12px;
}
#cont-45838 .Items-kategorie {
	max-width: var(--kat-max-width);
	padding-top: var(--kat-padding-top, 25px);
	padding-bottom: var(--kat-padding-bottom, 25px);
}
#cont-45838 .Kategorie-titel-container {
	align-items: center;
	justify-content: center;
}
#cont-45838 .Kategorie-titel {
	align-items: center;
	justify-content: center;
}
#cont-45838 .Headline h2 {
	color: var(--headline-font-color);
}
#cont-45838 .Subline {
	color: var(--subline-font-color);
}
#cont-45838 .Card-items-container {
	display: flex;
	flex-flow: wrap;
	gap: 20px;
	justify-content: center;
}
#cont-45838 .Single-item {
	background: var(--item-bgcolor, var(--bgcolor2));
	border: var(--border) solid var(--item-border-color, var(--color));
	border-radius: var(--item-border-radius, 5px);
	padding: 10px;
	max-width: var(--item-max-width, 300px);
	width: 100%;
	justify-content: center;
}
#cont-45838 .Icon {
	text-align: center;
	margin-bottom: 10px;
	color: var(--icon-font-color);
}
#cont-45838 .Icon .icon {
	padding: 10px 12px;
	border-radius: 100%;
	background-color: var(--icon-background-color);
}
#cont-45838 .Text {
	text-align: center;
	color: var(--text-font-color);
}
#cont-52206 {
	align-items: var(--col-align-items,inherit);
}
#cont-52199 {
	align-items: var(--col-align-items,inherit);
}
#cont-52212 {
	gap: 10px;
}
#cont-52218 {
	gap: 10px;
}
#col-52213 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
#col-52219 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
#cont-52197 .title {
	flex-direction: column;
}
#cont-52197 .kb-indikator h4 {
	text-align: center;
	color: var(--kb-indikator-color, var(--bgcolor));
	font-size: 24px;
}
#cont-52197 .title-text h2 {
	text-align: center;
	color: var(--frage-text-font-color, var(--bgcolor));
	margin-bottom: 0px;
}
#cont-52197 .Form-container .kb-indikator {
	transform-origin: center center;
	transition: transform 0.5s ease 0s;
	transform: rotate(0deg);
}
#cont-52197 .offen {
	transform: rotate(180deg);
	transform-origin: center center;
}
#cont-52197 .geschlossen {
	animation: 2s ease 0s infinite normal none running bounce2;
}
#cont-52197 .main-form-container {
	background: var(--background-color, var(--hicolor));
	border-radius: var(--block-border-radius);
}
#form-52208 {
	--label-width: var(--lwidth,140px);
	--textarea-height: var(--theight,100px);
	--input-padding: var(--field-padding,3px);
	--input-radius: var(--field-radius,3px);
	--input-color: var(--bgcolor);
	--input-bgcolor: var(--hicolor);
	--button-width: auto;
}
#form-52208 .form-field {
	margin-bottom: var(--field-margin-bottom,1em);
}
#form-52208 label {
	color: var(--input-label-color, var(--bgcolor));
}
#form-52208 button {
	background-color: var(--btn-bgcolor, transparent);
	color: var(--btn-text-color, var(--bgcolor));
	border: 1px solid var(--btn-border-color, var(--bgcolor));
}
#form-52208 label:not(.input-radio):not(.input-checkbox) {
	display: block;
	margin-top: var(--label-margin-top);
}
#form-52208 .form-field input , #form-52208 .textarea , #form-52208 .form-field select {
	background: var(--field-bgcolor,transparent);
	border: 1px solid var(--border-color, var(--bgcolor));
	box-sizing: content-box;
	width: 100%;
}
#form-52208 .form-field button {
	box-sizing: content-box;
	min-width: var(--button-min-width,120px);
	text-align: center;
}
#form-52208 .form-field.input-button label , #form-52208 .form-field.input-submit label , #form-52208 .form-field.input-reset label {
	display: none;
}
#form-52208 .form-field input[type='checkbox'] , #form-52208 .form-field input[type='radio'] {
	position: fixed;
	width: 1px;
	left: -10px;
}
#form-52208 .form-field [type='checkbox'] + label , #form-52208 .form-field [type='radio'] + label {
	width: auto;
	margin-left: var(--field-margin-left);
}
#form-52208 .form-field input[type='checkbox'] + label::before {
	content: "";
}
#form-52208 .form-field input[type='radio'] + label::before {
	content: "";
}
#form-52208 .form-field input[type='checkbox'] + label::before , #form-52208 .form-field input[type='radio'] + label::before {
	width: 1em;
	height: 1em;
	display: inline-block;
	margin-left: var(--field-margin-left);
	margin-right: var(--field-margin-right,1em);
	font-size: var(--field-font-size,20px);
	padding: var(--input-padding);
	font-family: FontAwesome;
}
#form-52208 .form-field input[type='checkbox']:checked + label::before {
	content: "";
	color: var(--color);
}
#form-52208 .form-field input[type='radio']:checked + label::before {
	content: "";
	color: var(--color);
}
#form-52208 .form-field input[type='file']::file-selector-button {
	display: none;
}
#form-52208 .form-field button:hover {
	background-color: var(--btn-bgcolor, var(--bgcolor));
	color: var(--btn-text-color, var(--hicolor));
	border: 1px solid var(--btn-border-color, var(--bgcolor));
}
#form-52208 option {
	background-color: var(--hicolor);
	border: 1px solid var(--option-border-color, var(--bgcolor));
}
@media (max-width:800px) /* responsive */ {
	#cont-38219:not(.prevent-responsive) .Collage-Elem {
		position: static;
		--width: auto;
		--effekt-delay: 0s;
	}
	#cont-38219:not(.prevent-responsive) .collage-canvas {
		display: none;
	}
	#cont-38229:not(.prevent-responsive) .Collage-Elem {
		position: static;
		--width: auto;
		--effekt-delay: 0s;
	}
	#cont-38229:not(.prevent-responsive) .collage-canvas {
		display: none;
	}
	#cont-38224:not(.prevent-responsive) .Collage-Elem {
		position: static;
		--width: auto;
		--effekt-delay: 0s;
	}
	#cont-38224:not(.prevent-responsive) .collage-canvas {
		display: none;
	}
	#html-38213 ~ .col-slider .pfeil {
		align-self: flex-end;
		top: calc(10vw - 1em);
	}
	#html-38213 ~ .col-slider .collage-canvas {
		display: block;
	}
	#html-38213 ~ .col-slider .Collage-Elem.bhv-text {
		position: static;
		border: 1px solid transparent;
		width: auto;
	}
	#cont-45095 {
		height: 250px;
	}
}

@media (max-width: 800px) {
	#cont-38204 .Left-col {
		order: var(--left-cal-responsive-order);
	}
	#cont-38070 .Left-col {
		order: var(--left-cal-responsive-order, row-reverse);
	}
}
